
<link rel="stylesheet" type="text/css" href="css/header.css" />
<div class="header-top">
    <div>
        <div class="header-top-logo"></div>

        <div class="heder-login-register">
            <a href="log.html">你好，请登录</a>
            <span>|</span>
            <a href="register.html">注册</a>
        </div>
        <div class="header-client-login">
            <p class="header-login-id header-top-login-id"></p>
            <div class="header-id-box"></div>
            <div class="footer-client-message">
                <img src="img/头像.png">
                <div class="header-login-id"></div>
                <p class="header-quit">退出</p>
            </div>
        </div>
    </div>

    <div class="heder-top-account"></div>
    <div class="heder-top-right">
        <div class="header-top-goods-box">
            <img class="header-shopp-img" src="img/shoop.png">
            <span class="header-shopp-sum"></span>
            <a href="" class="header-top-shoop">购物车</a>
            <div class="header-shopping-box">
                <div class="header-goodsing">

                </div>
                <a class="header-shoppimg-link" href="Shopping-cart.html">点击查看更多&nbsp;></a>

            </div>
        </div>
        <span>|</span>
        <div>
            <a href="#">我的李宁</a>
        </div>
        <span>|</span>
        <div>
            <a href="#">客服</a></div>
        <span>|</span>
        <div class="heder-top-text">手机李宁</div>
        <div class="heder-top-triangle heder-top-text"></div>

        <div class="header-promotion">
            <div>
                <div>
                    <img src="img/rq1.jpg">
                    <h3>李宁官方旗舰店公众号</h3>
                    <p>微信扫一扫，关注订阅更多优惠福利</p>
                </div>
                <div>
                    <img src="img/qr2.jpg">
                    <h3>李宁官方旗舰店公众号</h3>
                    <p>微信扫一扫，关注订阅更多优惠福利</p>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="header-box">
    <ul class="header-nav">
        <li class="footer-logo">
            <img src="img/lining-logo.png">
        </li>
        <li>
            <div class="header-nav-title">所有分类</div>
            <div class="header-sub-menu">
                <div>
                    <ul>
                        <h1>男鞋</h1>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">运动生活鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">羽毛球鞋</a></li>
                        <li><a href="#">户外鞋</a></li>
                        <li><a href="#">凉鞋/拖鞋</a></li>
                    </ul>
                    <ul>
                        <h1>女鞋</h1>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">运动生活鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">羽毛球鞋</a></li>
                        <li><a href="#">户外鞋</a></li>
                        <li><a href="#">凉鞋/拖鞋</a></li>
                    </ul>
                    <ul>
                        <h1>男装</h1>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="#">羽绒服</a></li>
                        <li><a href="#">棉服</a></li>
                        <li><a href="#">比赛服</a></li>
                        <li><a href="#">紧身服</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">运动内裤</a></li>
                        <li><a href="#">泳衣</a></li>
                        <li><a href="#">其他服装</a></li>
                    </ul>
                    <ul>
                        <h1>女装</h1>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="#">羽绒服</a></li>
                        <li><a href="#">棉服</a></li>
                        <li><a href="#">紧身服</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">裙装</a></li>
                        <li><a href="#">运动文胸</a></li>
                        <li><a href="#">泳衣</a></li>
                        <li><a href="#">其他服装</a></li>
                    </ul>
                    <ul>
                        <h1>配件</h1>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <li><a href="#">护具</a></li>
                    </ul>
                    <ul>
                        <h1>器材</h1>
                        <li><a href="#">羽毛球拍</a></li>
                        <li><a href="#">羽毛球配件</a></li>
                        <li><a href="#">乒乓球装置</a></li>
                        <li><a href="#">球类</a></li>
                    </ul>
                    <ul>
                        <h1>系列</h1>
                        <li><a href="#">经典系列</a></li>
                        <li><a href="#">专业篮球</a></li>
                        <li><a href="#">BADFVE</a></li>
                        <li><a href="#">中国李宁</a></li>
                        <li><a href="#">童梦奇遇</a></li>
                    </ul>
                </div>
            </div>

        </li>
        <li>
            <div class="header-nav-title">男子</div>
            <div class="header-sub-menu">
                <div>
                    <ul>
                        <h1>新品与热卖</h1>
                        <li><a href="#">新品上市</a></li>
                        <li><a href="#">足球系列专区</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男子商品</a></li>
                    </ul>
                    <ul>
                        <h1>鞋类</h1>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">运动生活鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">羽毛球鞋</a></li>
                        <li><a href="#">户外鞋</a></li>
                        <li><a href="#">凉鞋/拖鞋</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男子鞋类</a></li>
                    </ul>
                    <ul>
                        <h1>服装</h1>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="#">羽绒服</a></li>
                        <li><a href="#">棉服</a></li>
                        <li><a href="#">比赛服</a></li>
                        <li><a href="#">紧身服</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">运动内裤</a></li>
                        <li><a href="#">泳衣</a></li>
                        <li><a href="#">其他服装</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男子服类</a></li>
                    </ul>
                    <ul>
                        <h1>配件/装备</h1>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <li><a href="#">护具</a></li>
                        <li><a href="#">羽毛球拍</a></li>
                        <li><a href="#">羽毛球配件</a></li>
                        <li><a href="#">羽毛球装备</a></li>
                        <li><a href="#">球类</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男子配件</a></li>
                    </ul>
                    <ul>
                        <h1>主推专题</h1>
                        <li><a href="#">中国李宁</a></li>
                        <li><a href="#">COUNTERFLOW</a></li>
                        <li><a href="#">BADFIVE</a></li>
                        <li><a href="#">专业篮球</a></li>
                        <li><a href="#">经典系列</a></li>
                        <li><a href="#">时尚短袖系列</a></li>
                        <li><a href="#">反伍BADFIVE系列</a></li>
                        <li><a href="#">韦德系列</a></li>
                        <li><a href="#">迪士尼系列</a></li>
                        <li><a href="#">兵不厌诈</a></li>
                        <li><a href="#">CBA不服所爱</a></li>
                        <li><a href="#">吉纳省训练系列</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="header-nav-title">女子</div>
            <div class="header-sub-menu">
                <div>
                    <ul>
                        <h1>新品与热卖</h1>
                        <li><a href="#">新品上市</a></li>
                        <!-- <li><a href="#">足球系列专区</a></li> -->
                        <li class="header-sub-menu-bottom"><a href="#">所有女子商品</a></li>
                    </ul>
                    <ul>
                        <h1>鞋类</h1>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">运动生活鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">羽毛球鞋</a></li>
                        <!-- <li><a href="#">户外鞋</a></li> -->
                        <li><a href="#">凉鞋/拖鞋</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女子鞋类</a></li>
                    </ul>
                    <ul>
                        <h1>服装</h1>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">裙装</a></li>
                        <li><a href="#">运动文胸</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="#">紧身服</a></li>
                        <li><a href="#">比赛服</a></li>
                        <li><a href="#">泳衣</a></li>
                        <!-- 								<li><a href="#">裤装</a></li>
						<li><a href="#">运动内裤</a></li> -->
                        <li><a href="#">棉服</a></li>
                        <li><a href="#">羽绒服</a></li>

                        <li><a href="#">其他服装</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女子服类</a></li>
                    </ul>
                    <ul>
                        <h1>配件/装备</h1>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <li><a href="#">护具</a></li>
                        <li><a href="#">羽毛球拍</a></li>
                        <li><a href="#">羽毛球配件</a></li>
                        <li><a href="#">羽毛球装备</a></li>
                        <li><a href="#">球类</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女子配件</a></li>
                    </ul>
                    <ul>
                        <h1>主推专题</h1>
                        <li><a href="#">中国李宁</a></li>
                        <li><a href="#">COUNTERFLOW</a></li>
                        <li><a href="#">BADFIVE</a></li>
                        <!-- <li><a href="#">专业篮球</a></li> -->
                        <li><a href="#">经典系列</a></li>
                        <li><a href="#">时尚短袖系列</a></li>
                        <li><a href="#">李宁樱花系列</a></li>
                        <li><a href="#">CF系列-潮街牛掰</a></li>
                        <li><a href="#">CF系列-MARS外星遗迹</a></li>
                        <li><a href="#">反伍BADFIVE系列</a></li>

                        <li><a href="#">迪士尼系列</a></li>
                        <li><a href="#">健身训练系列</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="header-nav-title">男童</div>
            <div class="header-sub-menu">
                <div>
                    <ul>
                        <h1>新品与热卖</h1>
                        <li><a href="#">新品上市</a></li>
                        <li><a href="#">热卖商品</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男童商品</a></li>
                    </ul>
                    <ul>
                        <h1>鞋类</h1>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">运动鞋</a></li>
                        <h4>KIDS系列（7-12岁)</h4>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">运动时尚鞋</a></li>
                        <li><a href="#">凉鞋/拖鞋</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男童鞋类</a></li>
                    </ul>
                    <ul>
                        <h1>服装</h1>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">棉服/羽绒服</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">裤装</a></li>
                        <h4>YOUNG系列（7-12岁)</h4>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">棉服/羽绒服</a></li>

                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="">比赛服</a></li>
                        <li>&nbsp;</li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男童服装</a></li>
                    </ul>
                    <ul>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <h4>YOUNG系列（7-12岁)</h4>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有男童配件</a></li>
                    </ul>
                    <ul>
                        <h1>主推主题</h1>
                        <li><a href="">KIDS</a></li>
                        <li><a href="">YOUNG</a></li>
                    </ul>
                </div>

            </div>
        </li>
        <li>
            <div class="header-nav-title">女童</div>
            <div class="header-sub-menu">
                <div>
                    <ul>
                        <h1>新品与热卖</h1>
                        <li><a href="#">新品上市</a></li>
                        <li><a href="#">热卖商品</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女童商品</a></li>
                    </ul>
                    <ul>
                        <h1>鞋类</h1>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">运动鞋</a></li>
                        <h4>KIDS系列（7-12岁)</h4>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">篮球鞋</a></li>
                        <li><a href="#">运动时尚鞋</a></li>
                        <li><a href="#">训练鞋</a></li>
                        <li><a href="#">凉鞋/拖鞋</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女童鞋类</a></li>
                    </ul>
                    <ul>
                        <h1>服装</h1>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">棉服/羽绒服</a></li>

                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <h4>YOUNG系列（7-12岁)</h4>
                        <li><a href="#">T恤/Polo衫/背心</a></li>
                        <li><a href="#">棉服/羽绒服</a></li>

                        <li><a href="#">卫衣</a></li>
                        <li><a href="#">裤装</a></li>
                        <li><a href="#">外套/马甲</a></li>
                        <li><a href="">裙装</a></li>
                        <li>&nbsp;</li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女童服装</a></li>
                    </ul>
                    <ul>
                        <h4>KIDS系列（3-6岁)</h4>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <h4>YOUNG系列（7-12岁)</h4>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">包</a></li>
                        <li><a href="#">帽子</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有女童配件</a></li>
                    </ul>
                    <ul>
                        <h1>主推主题</h1>
                        <li><a href="">KIDS</a></li>
                        <li><a href="">YOUNG</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="header-nav-title">系列</div>
            <div class="header-sub-menu">
                <div id="">
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/篮球.png">
                                <p>篮球</p>
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/跑步.png">
                                <p>
                                    跑步
                                </p>
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/运动生活.png">
                                <p>运动生活</p>
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/训练.png">
                                <p>训练</p>
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/羽毛球.png">
                                <p>羽毛球</p>
                            </li>
                        </a>
                    </ul>
                </div>

            </div>
        </li>
        <li>
            <div class="header-nav-title">韦德</div>
            <div class="header-sub-menu">
                <div id="">
                    <ul>
                        <h1>专题</h1>
                        <li><a href="">韦德之道全系列</a></li>
                        <li><a href="">韦德之道9系列</a></li>
                        <li><a href="">新品上市</a></li>
                        <li><a href="">热卖商品</a></li>
                    </ul>
                    <ul>
                        <h1>鞋类</h1>
                        <li><a href="">韦德之道</a></li>
                        <li><a href="">篮球文化鞋</a></li>
                        <li><a href="">全域系列</a></li>
                        <li><a href="">影系列</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有韦德鞋类</a></li>
                    </ul>
                    <ul>
                        <h1>服装</h1>
                        <li><a href="">T恤/Polo/背心</a></li>
                        <li><a href="">外套/马甲</a></li>
                        <li><a href="">比赛服</a></li>
                        <li><a href="">裤装</a></li>
                        <li><a href="">羽绒服</a></li>
                        <li><a href="">卫衣</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有韦德服类</a></li>
                    </ul>
                    <ul>
                        <h1>配件</h1>
                        <li><a href="">袜子</a></li>
                        <li><a href="">包</a></li>
                        <li><a href="">帽子</a></li>
                        <li class="header-sub-menu-bottom"><a href="#">所有韦德配件</a></li>
                    </ul>
                </div>

            </div>
        </li>
        <li>
            <div class="header-nav-title">中国李宁</div>
        </li>
        <li>
            <div class="header-nav-title">反伍系列</div>

        </li>
        <li>
            <div class="header-nav-title  header-nav-title-last">更多品牌</div>
            <div class="header-sub-menu">
                <div id="">
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌李宁.png">
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌李宁2.png">
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌lng.png">
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌凯胜.png">
                            </li>
                        </a>

                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌红双喜.png">
                            </li>
                        </a>
                    </ul>
                    <ul>
                        <a href="">
                            <li>
                                <img src="img/品牌danskin.png">
                            </li>
                        </a>
                    </ul>

                </div>
            </div>
        </li>
    </ul>
    <div class="header-seek">
        <input type="text" value="中国李宁" />
    </div>
</div>
<script src="js/header.js" type="text/javascript" charset="utf-8"></script>